<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<link rel="stylesheet" href="css/homePage.css">
		<title>首页</title>
	</head>
		<!--<style type="text/css">
			#fx {
				position: absolute;
				width: 10vw;
				height: 10vw;
				border-radius: 50%;
				border: 1px solid burlywood;
				color: white;
				top: 0;
				left: 0;
				font-size: .7rem;
				line-height: 10vw;
				text-align: center;
			}
		</style>-->
	<body>
		<!-- 头部通知 -->
		<header id="header">
			<section>
				<img class="sound" src="images/homePage/sound.png" alt="声音">
				<marquee behavior="" direction="">这是一条公告</marquee>
			</section>
			<img class="serverImg" src="images/homePage/kefu.png" alt="客服">
		</header>
		<div class="logo"></div>
		<!-- content -->
		<section id="content">
			<ul>
				<li>
					<a href="">
						<img src="images/homePage/jaincefenxi.png" alt="" />
						<span>检测分析</span>
					</a>
				</li>
				<li>
					<a href="html/complaint.html">
						<img src="images/homePage/jubao.png" alt="" />
						<span>投诉举报</span>
					</a>
				</li>
				<li>
					<a href="html/yjCash.html">
						<img src="images/homePage/youxitx.png" alt="" />
						<span>游戏提现</span>
					</a>
				</li>
				<li>
					<a href="html/yjRecord.html">
						<img src="images/homePage/yjje.png" alt="" />
						<span>佣金记录</span>
					</a>
				</li>
				<li>
					<a href="html/txRecord.html">
						<img src="images/homePage/tixianjilu.png" alt="" />
						<span>提现记录</span>
					</a>
				</li>
				<li>
					<a href="html/share.html">
						<img src="images/homePage/fenxangzhuanqian.png" alt="" />
						<span>分享赚钱</span>
					</a>
				</li>
				<li>
					<a href="html/xzRecord.html">
						<img src="images/homePage/wodetouzhu.png" alt="" />
						<span>我的投注</span>
					</a>
				</li>
			</ul>
			<div class="centerDiv">
				<a href="html/takeGame.html">
					<img src="images/homePage/duobaoyouxi.png" alt="" />
				</a>
				<a href="html/diceGame.html">
					<img src="images/homePage/touziyouxi.png" alt="" />
				</a>
			</div>
		</section>
		<!-- footer -->
		<div id="footer">
			<div class="money">佣金金额：0.00</div>
			<a href="html/yjRatio.html">
				<img style="margin-bottom: 1rem;" class="fx" src="images/homePage/fenxiangyongjin.png" alt="" />
			</a>
		</div>
		<!--<div id="fx">
			分享
		</div>-->
	</body>
	<script src="js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript">
		// 设置动态fontSize
		!(function(doc, win) {
			var docEle = doc.documentElement,
				evt = "onorientationchange" in window ? "orientationchange" : "resize",
				fn = function() {
					var width = docEle.clientWidth;
					width && (docEle.style.fontSize = 20 * (width / 375) + "px");
				};
			win.addEventListener(evt, fn, false);
			doc.addEventListener("DOMContentLoaded", fn, false);
		}(document, window));
	</script>

</html>